<template>
    <div class="full-height-wvideo positionR">
        <video-swiper-panorama :videoSwiperPanoramaPorps="videoSwiperPanorama.videoSwiperPanoramaPorps"></video-swiper-panorama>
        <div class="appraise-title width-full" @click="$emit('appraiseShowFn')">
            <div class="width-height-full">
                <span class="top-line"></span>
                {{videoSwiperPanorama.title}}
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "VideoSwiperPanorama",
        props:{
            videoSwiperPanoramaPorps:Object
        },
        data(){
            return{
                videoSwiperPanorama:{
                    videoSwiperPanoramaPorps:{
                        mediaType:0,/*0视屏,1图片,2全景图*/
                        imagesList:[],
                        videoUrl:'https://oss.yibaotong.top/files/ad_video/20191219_offline/01374891.mp4',
                        imgUrl:'',
                    },
                    title:' #说说你喜欢的哪些青春校园励志剧#',
                }
            }
        },
        mounted(){

        },
        components:{
            "video-swiper-panorama":()=>import("../../../../components/commonActModel/videoSwiperPanorama/VideoSwiperPanorama"),
        }
    }
</script>

<style scoped>
    .appraise-title {
        border-top-left-radius: .1rem;
        border-top-right-radius: .1rem;
        background-color: rgba(0, 0, 0, .4);
        height: .5rem;
        line-height: .5rem;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        z-index: 10;
        padding: 0 .15rem;
    }
    .top-line {
        position: absolute;
        top: .05rem;
        left: 0;
        right: 0;
        margin: auto;
        display: inline-block;
        height: .03rem;
        width: .48rem;
        background-color: #fff;
    }
</style>